<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Generator" content="ECSHOP v3.0.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="ECSHOP演示站" />
<meta name="Description" content="ECSHOP演示站" />
<title>ECSHOP演示站 - Powered by ECShop</title>
<base href="__STATIC__/home/"/>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
<link href="themes/default/style.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS|ECSHOP演示站 - Powered by ECShop" href="feed.php" />
<link rel="stylesheet" type="text/css" href="themes/default/images/swiper.min.css">
<script language='javascript' src='themes/default/js/swiper.min.js' type='text/javascript' charset='utf-8'></script>
<script type="text/javascript" src="js/common.js"></script><script type="text/javascript" src="js/index.js"></script></head>
<body>
{include file='Public/header'}<!-- 引入公共顶部文件 -->
<div class="clear0 "></div>
<!-- <script>
if (Object.prototype.toJSONString){
      var oldToJSONString = Object.toJSONString;
      Object.prototype.toJSONString = function(){
        if (arguments.length > 0){
          return false;
        }else{
          return oldToJSONString.apply(this, arguments);
        }
}}</script> -->
<div class="indexpage clearfix">
  <div class="index-cat">
    
<div class="category_info">
  <div id="category_tree">
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Domesticappliance/domestic_appliance')}">家用电器</a></div>
            <div class="cat2-box">
      
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=27">大家电</a>
                    <div class="cat3-block"></div>
          <div class="cat3-box">
            
                          <a href="category.php?id=28">平板电脑</a>&nbsp;&nbsp;
                          <a href="category.php?id=29">家用空调</a>&nbsp;&nbsp;
                          <a href="category.php?id=30">家电配件</a>&nbsp;&nbsp;
                          <a href="category.php?id=31">洗衣机</a>&nbsp;&nbsp;
                          <a href="category.php?id=32">冰箱</a>&nbsp;&nbsp;
                      </div>
                  </div>
                
      </div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Digitalfashion/digital_fashion')}">数码时尚</a></div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Intelligenthardware/Intelligent_hardware')}">智能硬件</a></div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Movesoucre/move_soucre')}">移动电源</a></div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Phonetype/phone_type')}">手机类型</a></div>
            <div class="cat2-box">
      
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=3">小型手机</a>
                  </div>
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=4">3G手机</a>
                  </div>
                
      </div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Phone/phone')}">手机</a></div>
            <div class="cat2-box">
      
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=8">耳机</a>
                  </div>
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=9">电池</a>
                  </div>
                
      </div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Rechargeablecard/rechargeable_card')}">充值卡</a></div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Clothing/clothing')}">服装</a></div>
      
    </div>
        <div class="cat-box">
      <div class="cat1"><a href="{:url('Home/Parts/parts')}">配件</a></div>
            <div class="cat2-box">
      
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=24">数码时尚</a>
                  </div>
                <div class="cat2 clearfix">
          <a class="cat2-link" href="category.php?id=20">保护壳</a>
                  </div>
                
      </div>
      
    </div>
        <div class="clear0"></div>
  </div>
  <div class="clear0"></div>
</div>
 
 
  </div>
  <div class="index-banner"> 
 <style>
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
<div class="swiper-container swiper1">  
        <div class="swiper-wrapper">
          {volist name="data.photo" id="v"}
            <div class="swiper-slide">
              <img src="__ROOT__{$v.img_url}" style="width: 700px;height: 400px;">
            </div>
          {/volist}
        </div>      
        <div class="swiper-pagination"></div>
    </div>
<script>
    var swiper = new Swiper('.swiper1', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script> </div>
</div>
<div class="indexpage clearfix index-ad">
  <div class="ad-tg">
    

  </div>
  <div class="ad-lb">
     
 <style>
    .swiper-container.swiper2 {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        overflow:hidden;
    }
    .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 200px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    </style>
<div class="swiper-container swiper2">
        <div class="swiper-wrapper">
          {volist name="data.photo" id="v"}
            <div class="swiper-slide">
              <img src="__ROOT__{$v.img_url}" style="width: 200px;height: 200px;">
            </div>
          {/volist}
        </div>
        
        <div class="swiper-pagination"></div>
        
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
<script>
    var swiper = new Swiper('.swiper2', {
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 4,
        paginationClickable: true,
        spaceBetween: 0,
        loop:true
    });
</script>  </div>
</div>
<!-- 楼层start -->
<div class="index-body">
  <div class="indexpage">
    <div class="body-goods">
            <!-- 热门商品推荐start -->
      <div class="goods-title">热门商品推荐</div>
      <div class="clearfix goods-wrap hot-goods"> 
      <div id="show_hot_area" class="clearfix goodsBox all_mid all_ms">
        {foreach $data['hot'] as $v}
        <a class="goodsItem" href="{:url('Home/Goods/goods_details')}?goods_id={$v.goods_id}"> <div  class="img-box"><img src="__ROOT__{$v.img_url}" alt="{$v.goods_name}" class="goodsimg" /> 
            </div>
                  <div class="goods-brief">{$v.goods_brief}</div>
                  <div class="gos-title">{$v.goods_name}</div> 
                  <div class="prices">
                  <font class="shop_s"><b>￥{$v.goods_price}元</b></font>
            </div>
        </a>
        {/foreach}
            <div class="clear0"></div>
      </div> <div class="clear10"></div>
      </div>
      <!-- 一楼start -->
      <div class="goods-title">1F {$data.one.cat_name}</div>
      <div class="clearfix goods-wrap">
        <div class="goods-leftad">
           
        </div>
        <div class="goods-right">
            
<div class="all_ms">
  {foreach $data.one.goods as $v}
    <a class="goodsItem" href="{:url('Home/Goods/goods_details')}?goods_id={$v.goods_id}"> 
        <div  class="img-box"><img src="__ROOT__{$v.img_url}" alt="{$v.goods_name}" class="goodsimg" /></div>
        <div class="goods-brief">{$v.goods_brief}</div>
          <div class="gos-title">{$v.goods_name}</div> 
          <div class="gos-title">{$v.goods_id}</div> 
        <div class="prices">
        <font class="shop_s"><b>￥{$v.goods_price}元</b></font>
      </div>
    </a>
   {/foreach}
    <div class="clear0"></div>
</div>
        </div>
      </div> 
      <!-- 二楼start -->
      <div class="goods-title">2F {$data.two.cat_name}</div>
      <div class="clearfix goods-wrap">
        <div class="goods-leftad">
           
<div style="margin-top:12px;">
  </div>        </div>
        <div class="goods-right">
            
<div class="all_ms">
  {foreach $data.two.goods as $v}
    <a class="goodsItem" href="{:url('Home/Goods/goods_details')}?goods_id={$v.goods_id}"> <div  class="img-box"><img src="__ROOT__{$v.img_url}" alt="{$v.goods_name}" class="goodsimg" /></div>
  <div class="goods-brief">{$v.goods_brief}</div>
    <div class="gos-title">{$v.goods_name}</div> 
     <div class="gos-title">{$v.goods_id}</div>
  <div class="prices">
          <font class="shop_s"><b>￥{$v.goods_price}元</b></font>
      </div>
  </a>
  {/foreach} 
    <div class="clear0"></div>
</div>
        </div>
      </div>
      <!-- 三楼start -->
      <div class="goods-title">3F {$data.three.cat_name}</div>
      <div class="clearfix goods-wrap">
        <div class="goods-leftad">
           
        </div>
        <div class="goods-right">
            
<div class="all_ms">
  {foreach $data.three.goods as $v}
    <a class="goodsItem" href="{:url('Home/Goods/goods_details')}?goods_id={$v.goods_id}"> <div  class="img-box"><img src="__ROOT__{$v.img_url}" alt="{$v.goods_name}" class="goodsimg" /></div>
  <div class="goods-brief">{$v.goods_brief}</div>
    <div class="gos-title">{$v.goods_name}</div> 
     <div class="gos-title">{$v.goods_id}</div>
  <div class="prices">
          <font class="shop_s"><b>￥{$v.goods_price}元</b></font>
      </div> 
  </a>
  {/foreach}
    <div class="clear0"></div>
</div>
        </div>
      </div>

</div>
</div>
</div><!-- 楼层end -->
{include file='Public/footer'}<!-- 引入公共底部文件 -->

</body>
</html>
